<template>
	<body>
		<div class="loan_nav col_nav">
			<ul>
				<li><a href="javascript:history.go(-1)"><i class="iconfont">&#xe61e;</i></a></li>
				<li><p>加盟合作</p></li>
				<li></li>
			</ul>
		</div>
		<div class="interval_T">
			
		</div>
		<div>
			<swiper :list="imgList" :show-dots="false" loop auto :aspect-ratio="0.3" dots-position="center" dots-class="custom-bottom"></swiper>
		</div>
		<div class="join">
			<ul>
				<li><i class="iconfont col-db">&#xe649;</i></li>
				<li>
					<p>代理申请</p>
					<p>整合周边资源，城市贷款市场我引领</p>
				</li>
				<li><router-link to="application"><input type="button" value="立即申请" class="register_submit" /></router-link></li>
			</ul>
		</div>
		<div class="join_Explain">
			
			<img src="@/assets/img/liucheng.png" width="80%;" style="margin:auto">
		</div>
	</body>
</template>

<script>
export default {
	data() {
		return {
			imgList: []
		}
	},
	created() {
		this.queryImg()
	},
	methods: {
		queryImg() {
			this.$http.get('/app/index/carousel', {
				params: { page: 'join' }
			}).then(json => {
				const { code, carousel } = json
				if (code === 0) {
					carousel.forEach(n => {
						this.imgList.push({
							url: n.url,
							img: n.imgPath
						})
					})
				}
			})
		}
	}
}
</script>

<style>
</style>